<!-- <link rel="stylesheet" href="home/css/home.css"> -->

<div class="home" ng-controller="homeController">

  <div class="homeMotai">
    <div class="back">
    <img  class="back1" src="http://www.easyicon.net/api/resizeApi.php?id=1180766&size=24
" alt="">
  <img class="backCar" src="https://s2.mogucdn.com/p2/170315/40592144_67ja8jj102089fj6djai0l6khb0h5_44x44.png" alt="">
    </div>
    <div class="motaiImg">
      <img src="" alt="">
     </div>
     <p class="motaiP"></p>
     <p class="motaiPrice"></p>
     <div class="motaiCar">
       加入购物车
     </div>
     <div  class="motaiBox">
       <p>尺码:</p>
      <ul class="motaiShow">
        <li class="size">S</li>
        <li class="size">M</li>
        <li class="size">L</li>
        <li class="size">XL</li>
      </ul>
      <p>数量:</p>
      <ul class='motaiShu'>
        <li class="jian">-</li>
        <li class="count">1</li>
        <li class="jia">＋</li>
      </ul>
      <div class="sure" ng-click="addToCar">
        确定
      </div>
     </div>
  </div>

  <!-- 头部搜索 ——————————————————————————————————-->
  <header class="home_header">
    <ul>
      <li class="home_headerImg1"><img src="home/img/header1.jpg" alt=""></li>
      <li class="home_headerInput">
      <input type="text" name="" placeholder="省心套装懒人必备">
      </li>
      <li class="home_headerImg2"><img src="home/img/header2.jpg" alt=""></li>
    </ul>
  </header>

  <!-- 轮播图—————————————————————————————————— -->


  <div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide" ng-repeat=" list in lists"><img src='{{list.image}}'></div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
  </div>

  <!-- 团购 ——————————————————————————————————————-->
    <ul class="home_tuanGou">

      <li class="home_new" ng-repeat='tuan in tuans'>
        <h3>{{tuan.title}}</h3>
        <p>{{tuan.description}}</p>
        <div id="img2" class="img2">
          <a href="{{tuan.link}}">
            <img src="{{tuan.image}}" alt="" >
          </a>
        </div>
        <span class="home_tuanGou_line">

        </span>
      </li>


    </ul>
    <!--单线**************************  -->
    <div class="home_dan"></div>
    <!-- 快抢——————————————————————————————————————————————————————-->
    <div class="home_fastQiang">
      <!-- <span></span>:<span></span>:<span></span> -->
      <ul class="home_fastTitle">

        <li>
          <h2>{{qiangs[0].title + '·' + qiangs[0].viceTitle}}</h2>
        </li>
        <li class="home_back" >{{time | date: 'HH'}}</li>
        <li class="home_dian">:</li>
        <li class="home_back" >{{time | date: 'mm'}}</li>
        <li class="home_dian">:</li>
        <li class="home_back">{{time | date: 'ss'}}</li>
      </ul>
      <ul class="home_fastImg">
        <li class="home_qiangImg" ng-repeat='fast in fasts'>
          <div class="home_qiangImgs">
            <img src="{{fast.img}}" alt="">
          </div>
          <p class="home_qiangTitle">{{fast.title}}</p>
          <div class="home_qiangPrice">
            <p class="home_qiangPrice1">{{'￥'+fast.salePrice}}</p>
            <p class="home_qiangPrice2">{{'￥'+fast.price}}</p>
          </div>
        </li>

      </ul>
    </div>

    <!--单线**************************  -->
    <div class="home_dan"></div>
    <!-- 人气热销 *********************************-->
    <p class="home_hotTitle">人气热销</p>
    <div class="home_hot">
      <ul class="home_hotLeft">
        <li ng-repeat='hot0 in hots0'>
          <h3>{{hot0.title}}</h3>
          <p >{{hot0.viceTitle}}</p>
          <div class="">
            <img src="{{hot0.image}}" alt="">
          </div>
        </li>
      </ul>

      <ul class="home_hotRight">
        <li ng-repeat='hot1 in hots1'>
          <div class="home_hotRightTitle">
            <h3>{{hot1.title}}</h3>
            <p >{{hot1.viceTitle}}</p>
          </div>
          <div class="home_hotRightImg">
            <img src="{{hot1.image}}" alt="">
          </div>
        </li>
      </ul>
    </div>
    <!--单线**************************  -->
    <div class="home_dan"></div>
    <!-- 精选专题 *************************************-->
    <p class="zhuanTi" >精选专题</p>
    <div class="home_zhuanTi" >
      <img src="{{zhuanTis[0].cover}}" alt="">
    </div>
    <ul class="home_zhuanTiUl" >
      <li ng-repeat=' zhuanTi1 in zhuanTis[0].list'>
        <div class="">
          <img src="{{zhuanTi1.image}}" alt="">
        </div>
        <p>{{'￥'+zhuanTi1.discountPrice}}</p>
      </li>

    </ul>
    <div class="home_zhuanTi">
      <img src="{{zhuanTis[1].cover}}" alt="">
    </div>
    <ul class="home_zhuanTiUl">
      <li ng-repeat=' zhuanTi2 in zhuanTis[1].list'>
        <div class="">
          <img src="{{zhuanTi2.image}}" alt="">
        </div>
        <p>{{'￥'+zhuanTi2.discountPrice}}</p>
      </li>

    </ul>


    <!--  猜你喜欢*************************************-->
    <div class="home_likeContent">
      <p class="home_likeTitle">————  · {{like}} ·  ————</p>
      <ul class="home_likeUl" >
        <li ng-repeat='love in loves' ng-click="addHomeGoods()">
          <div class=" home_likeImg">
            <img src="{{love.img}}" alt="">
          </div>
          <div class="home_likeA">
            <a href="" ng-repeat='props in love.props'>{{props}}</a>
          </div>
          <div class="home_likePrice">
            <p> {{'￥'+love.price}}</p>
            <p>{{love.sale}}</p>

              <img src="http://www.easyicon.net/api/resizeApi.php?id=1198769&size=16
" alt="">

          </div>
        </li>
      </ul>
      <ul class="home_likeUl" >
        <li ng-repeat='love2 in loves2' >
          <div class=" home_likeImg">
            <img src="{{love2.img}}" alt="">
          </div>
          <div class="home_likeA">
            <a href="" ng-repeat='props2 in love2.props'>{{props2}}</a>
          </div>
          <div class="home_likePrice">
            <p> {{'￥'+love2.price}}</p>
            <p>{{love2.sale}}</p>

            <img src="http://www.easyicon.net/api/resizeApi.php?id=1198769&size=16
" alt="">

          </div>
        </li>
      </ul>
      <ul class="home_likeUl" >
        <li ng-repeat='love3 in loves3' >
          <div class=" home_likeImg">
            <img src="{{love3.img}}" alt="">
          </div>
          <div class="home_likeA">
            <a href="" ng-repeat='props3 in love3.props'>{{props3}}</a>
          </div>
          <div class="home_likePrice">
            <p> {{'￥'+love3.price}}</p>
            <p>{{love3.sale}}</p>

            <img src="http://www.easyicon.net/api/resizeApi.php?id=1198769&size=16
" alt="">

          </div>
        </li>
      </ul>
      <ul class="home_likeUl" >
        <li ng-repeat='love4 in loves4' >
          <div class=" home_likeImg">
            <img src="{{love4.img}}" alt="">
          </div>
          <div class="home_likeA">
            <a href="" ng-repeat='props3 in love3.props'>{{props4}}</a>
          </div>
          <div class="home_likePrice">
            <p> {{'￥'+love4.price}}</p>
            <p>{{love4.sale}}</p>

            <img src="http://www.easyicon.net/api/resizeApi.php?id=1198769&size=16
" alt="">
          </div>
        </li>
      </ul>
    </div>

</div>
